
<template>
  <div>
    <h2>树形测试</h2>
    <!-- el-tree 是树形组件, 只需要传入
    节点数组作为 data 即可 -->
    <!-- props 是个对象, 如果字段名不叫 label 或 children 可以用来改名 -->
    <!-- default-expand-all 可以设置默认展开所有节点 -->

    <el-tree
      :data="repate"
      :props="{label:'name'}"
      :default-expand-all="true"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 树形数据是一个数组, 里面的每个对象都是一个节点
      // 轻重重要的字段有两个 label 节点名, children 子节点的数组
      // 每一层子节点数组的结构都是一样(也有 label 和 children)
      repate: [
        { name: '总裁办' },
        { name: '市场部' },
        { name: '技术部', children: [
          { name: '前端' },
          { name: '后端' }
        ] }

      ]

    }
  }
}
</script>

<style>

</style>

<template>
  <!-- <div>
    <el-form :model="formData" :rules="rules">
      <el-form-item label="手机号码" prop="mobile">
        <el-input v-model="formData.mobile" />
      </el-form-item>

      <el-form-item :model="formData" label="密码" prop="password">
        <el-input v-model="formData.password" />
      </el-form-item>

      <el-form-item :model="formData" label="二次确认密码" prop="checkPass">
        <el-input v-model="formData.checkPass" />
      </el-form-item>
    </el-form>
  </div> -->
</template>

<script>
export default {
  // data() {
  //   const validCheckPass = (rule, val, callback) => {
  //     const isValid = val === this.formData.password
  //     if (isValid) {
  //       // 成功
  //       callback()
  //     } else {
  //       callback(new Error('两次输入的密码不一样'))
  //     }
  //   }
  //   return {
  //     formData: {
  //       mobile: '',
  //       password: '',
  //       checkPass: ''
  //     },
  //     rules: {
  //       mobile: [
  //         { required: true, message: '手机号码不能为空', trigger: 'blur' },
  //         {
  //           pattern: /^1[3-9][0-9]{9}$/,
  //           message: '输入正确的手机号码',
  //           trigger: 'blur'
  //         }
  //       ],
  //       password: [
  //         { required: true, message: '密码不能为空', trigger: 'blur' },
  //         { min: 6, max: 12, message: '密码6-12为之间', trigger: 'blur' }
  //       ],
  //       checkPass: [
  //         { required: true, message: '密码不能为空', trigger: 'blur' },
  //         { validator: validCheckPass, trigger: 'blur' }
  //       ]
  //     }
  //   }
  // }
}
</script>

<style>
</style>
